@charset "utf-8";
/* http: 
   v1.0 | 20130126
   License: none (public domain)
*/
/* header
------------------------------------------------------------*/
.header{position:fixed;top:0;left:0;right:0;height:50px;
	background:url(images/bg3.png) 0 0 repeat;
	box-shadow:2px 2px 3px rgba(0,0,0,.3);z-index:300;min-width:800px;}
.header .nav{float:left;padding-left:30px;}
.header .nav li{float:left;height:50px;margin-right:10px;}
.header .nav li a{display:block;float:left;height:50px;padding:0 10px;
	line-height:50px;font-size:18px;color:#ddd;}
.header .nav li a .icon{position:relative;top:-2px;padding-right:3px;}
.header .nav li a:hover{color:#fff;transition: color .5s ease-in-out  0s;}
.header .morefunc{float:right;padding-right:20px;height:50px;}
.header .morefunc a{display:block;float:left;width:76px;height:30px;margin:10px 0 0 10px;
	text-align:center;
	font-size:14px;line-height:30px;color:#ddd;
	background:url(images/headerbtn.png) 0 0 no-repeat;}
.header .morefunc a:hover{background-position:0 -30px;color:#fff;transition: color .5s ease-in-out  0s;}
.header .morefunc a.on{background-position:0 -60px;}
.header .morefunc a.on:hover{background-position:0 -60px;}
/* main content
------------------------------------------------------------*/
.content{min-width:800px;background:url(images/bg2.png) 0 0 repeat;}
/*logo*/
.logo{display:block;width:400px;height:100px;margin:120px auto 0;overflow:hidden;background:url(images/logo.png) 0 0 no-repeat;}
/*search*/
.search{width:450px;margin:30px auto 0;overflow:hidden;}
.searchinput{float:left;width:244px;height:24px;padding:8px 10px 12px;
	line-height:25px;font-size:16px;font-family:"微软雅黑";color:#999;
	background:url(images/search.png) 0 0 no-repeat;
	border:none;outline:none;}
.searchbtn,
.randombtn{float:left;display:block;
	line-height:41px;font-size:16px;font-weight:normal;color:#999;text-align:center;}
.searchbtn{width:72px;height:45px;margin-right:10px;
	background:url(images/search.png) -264px 0 no-repeat;}
.randombtn{width:94px;height:45px;;
	background:url(images/search.png) -346px 0 no-repeat;}
.searchbtn:hover,
.randombtn:hover{color:#333;transition: color .5s ease-in-out  0s;}
.searchbtn:active{background-position:-264px -47px;}
.randombtn:active{background-position:-346px -47px;}
/*search result*/
.search-result{position:relative;display:none;width:337px;margin:0 auto;position:relative;left:-57px;}
.search-result ul{max-height:250px;overflow:hidden;border-radius:5px;}
.search-result li{position:relative;height:48px;color:#666;cursor:pointer;background:url(images/searchbg.png) 0 0 repeat;border:1px solid #c0c3d2;border-top:1px solid #e1e1e1;vertical-align:top;}
.search-result li strong{display:block;width:250px;height:20px;overflow:hidden;padding:5px 10px 0;font-size:16px;font-weight:normal;line-height:20px;}
.search-result li span{display:block;width:250px;height:18px;overflow:hidden;padding:0 10px;font-size:12px;line-height:18px;}
.search-result li b{position:absolute;top:15px;right:15px;display:block;width:18px;height:18px;background:url(images/search.png) -23px -94px no-repeat;}
.search-result li:hover{color:#fff;background-position:0 -48px;border:1px solid #1f6bb6;
	transition: color .5s ease-in-out  0s;}
.search-result li:hover b{background-position:-48px -94px;}
.search-result li:first-child{border-top-right-radius:5px;border-top-left-radius:5px;}
.search-result li:last-child{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.search-result .func{position:relative;height:30px;line-height:30px;margin-top:5px;
	background:url(images/searchbg.png) 0 0 repeat;border-radius:5px;border:1px solid #c0c3d2;}
.search-result .func strong{display:block;margin:0 auto;text-align:center;font-weight:normal;color:#666;}
.search-result .func a{display:block;position:absolute;top:0;height:30px;padding:0 10px;line-height:30px;color:#666;}
.search-result .func a.prev{left:0;}
.search-result .func a.next{right:0;}
.search-result .func a:hover{color:#08c;transition: color .5s ease-in-out  0s;}
.search-result .popularize{display:none;position:absolute;top:0;left:347px;}
.search-result .popularize a{display:block;width:150px;height:100px;background:#ddd;text-align:center;line-height:100px;}
/*publicity*/
.publicity{width:310px;height:40px;margin:20px auto;background:url(images/tagheader.png) 0 0 no-repeat;}
/* newpage
------------------------------------------------------------*/
.screenbg{display:none;overflow:hidden;position:fixed;
	top:0;left:0;bottom:0;right:0;
	background:url(images/bg5.png) 0 0 repeat;
	background:rgba(0,0,0,.3);z-index:1300;}
.newpage{display:none;
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	overflow:auto;z-index:1310;}
/*.closepage*/
.closepage{position:fixed;top:0;left:0;bottom:0;right:20px;z-index:1320;}
/*webpage*/
.webpage{position:relative;width:543px;margin:0 auto;padding:30px 0 50px;z-index:1330;}
.webheader{position:relative;width:503px;padding:10px 20px 25px;margin:0 auto 20px;color:#fff;
	background:url(images/bg4.png) 0 0 repeat;
	box-shadow:1px 1px 3px rgba(0,0,0,.3),1px 1px 3px rgba(0,0,0,.2);}
.webheader h1{font-size:18px;line-height:35px;font-weight:bold;color:#fff;}
.webheader p{font-size:14px;line-height:20px;color:#fff;}
.webheader a.corner{display:block;position:absolute;bottom:0;right:0;
	width:83px;height:20px;padding:30px 5px 0 0;
	text-align:right;font-size:12px;line-height:20px;font-weight:bold;color:#999;
	background:url(images/corner.png) 0 0 no-repeat;}
.webheader a.corner:hover{color:#369;}
.webcontent{width:520px;overflow:hidden;padding:30px 0 10px 23px;margin:0 auto 20px;
	background:#fff;}
.webcontent dl{float:left;width:150px;margin-right:20px;padding-bottom:20px;}
.webcontent dt a{display:block;height:60px;padding:3px;border:2px solid #ddd;}
.webcontent dt a:hover{border-color:#08c;}
.webcontent dd{width:150px;overflow:hidden;}
.webcontent dd a.name{display:block;float:left;width:115px;height:30px;overflow:hidden;
	font-weight:bold;line-height:30px;}
.webcontent dd a.add{display:block;float:right;width:26px;height:20px;margin-top:3px;
	color:#ddd;text-align:center;
	border:2px dashed #ddd;}
.webcontent dd a.add .icon{position:relative;top:-2px;font-size:14px;}	
.webcontent dd a.add:hover{color:#08c;border-color:#08c;}
.webcontent dd p{height:36px;overflow:hidden;font-size:12px;color:#999;line-height:18px;}
.webdetail{display:none;margin:0 auto 20px;}
.webdetail .detail-header{height:50px;background:url(images/detailbg.png) 0 0 no-repeat;}
.webdetail .detail-content{padding:0 20px;background:url(images/detailcontent.png) 0 0 repeat-y;}
.webdetail .detail-footer{height:50px;background:url(images/detailbg.png) 0 -50px no-repeat;}
.webdetail h2{padding-top:10px;font-size:16px;font-weight:bold;line-height:24px;color:#333;}
.webdetail p{text-indent:2em;padding-top:5px;}
.webdetail .imgbox{padding:10px 0;}
.webdetail .imgborder{padding:3px;border:1px solid #ddd;}
.webdetail .imgbox img{width:100%;display:block;}
.webdetail .imgbox span{display:block;text-align:center;color:#999;}


/* tagcontent
------------------------------------------------------------*/
.tagcontent{background:url(images/bg.png) 0 0 repeat;}
.tagcontent h2{height:50px;padding-left:100px;
	line-height:50px;font-size:20px;color:#ddd;font-weight:normal;
	background:url(images/logo-small.png) 0 0 no-repeat;}
.floor01{width:850px;margin:0 auto;overflow:hidden;}
.floor01 .tagbox{cursor:pointer;float:left;width:200px;height:160px;padding-top:15px;margin-right:10px;background:url(images/tag.png) 0 0 no-repeat;}
.floor01 .tagbox img{display:block;margin:0 auto;}
.floor01 .tagbox strong{display:block;text-align:center;
	line-height:35px;font-size:16px;color:#999;font-weight:bold;}
.floor01 .tagbox:hover{background-position:-200px 0;}
.floor01 .tagbox:hover strong{color:#08c;}

/*视察滚动*/
.curtains{
    width: 100%;
    z-index:1;
    position:relative;
}
.curtains>li{
    -webkit-transform:translateZ(0);
    overflow:hidden;
    position: fixed;
    display:block;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index:1;
}
.curtains>li.hidden{display:none;}
.curtains>li:first-child{z-index:2;}
